<template>
  <div>
    <div>
      <h4>口颜面功能</h4>
      <el-row type="flex" justify="space-between">
        <el-col>
          <span>面部观察：</span>
          <div>
            <el-radio-group v-model="pgForm.tygnlcpg1_tyyxxzd28">
              <el-radio label="配合"></el-radio>
              <el-radio label="不配合"></el-radio>
            </el-radio-group>
          </div>
        </el-col>
        <el-col>
          <span>面部观察：</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.orofacial_function_checkList1">
              <el-checkbox label="口角下垂L"></el-checkbox>
              <el-checkbox label="口角下垂R"></el-checkbox>
              <el-checkbox label="眼脸下垂L"></el-checkbox>
              <el-checkbox label="眼脸下垂R"></el-checkbox>
              <el-checkbox label="麻痹L"></el-checkbox>
              <el-checkbox label="麻痹R"></el-checkbox>
              <el-checkbox label="痉挛L"></el-checkbox>
              <el-checkbox label="痉挛R"></el-checkbox>
              <el-checkbox label="面具脸"></el-checkbox>
              <el-checkbox label="鬼脸"></el-checkbox>
              <el-checkbox label="抽搐"></el-checkbox>
              <el-input v-model="pgForm.input.orofacial_function_input1" placeholder="备注" style="width: 50%"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>口腔内部观察：</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.orofacial_function_checkList2" style="width: 99%;">
              <el-checkbox label="清洁"></el-checkbox>
              <el-checkbox label="痰液黏附"></el-checkbox>
              <el-checkbox label="食物残留"></el-checkbox>
              <el-checkbox label="渍疡"></el-checkbox>
              <el-checkbox label="结痂"></el-checkbox>
              <el-checkbox label="炎症"></el-checkbox>
              <el-checkbox label="出血"></el-checkbox>
              <el-checkbox label="不配合"></el-checkbox>
              <el-input v-model="pgForm.input.orofacial_function_input2" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="11">
          <span>口腔内部观察：</span>
          <div class="grid-content">
            <el-checkbox-group v-model="pgForm.orofacial_function_checkList3" style="width: 99%;">
              <el-checkbox label="牙齿正常"></el-checkbox>
              <el-checkbox label="牙齿缺如"></el-checkbox>
              <el-checkbox label="牙齿松动"></el-checkbox>
              <el-checkbox label="假牙"></el-checkbox>
              <el-checkbox label="不配合"></el-checkbox>
              <el-input v-model="pgForm.input.orofacial_function_input3" placeholder="备注"></el-input>
            </el-checkbox-group>
          </div>
        </el-col>
        <el-col :span="8">
          <span>口腔内部观察：</span>
            <el-select v-model="pgForm.value.orofacial_function_value1" placeholder="请选择" style="width: 40%;">
              <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
        </el-col>
        <el-col :span="16">
          <div>
            <span>口腔内部观察假牙佩戴情况及更换时间 </span>
            <el-input v-model="pgForm.input.orofacial_function_input4" placeholder="" style="width: 40%;"></el-input>
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" justify="space-between">
        <el-col>
          <span>下颌运动：</span>
          <div>
            <el-radio-group v-model="pgForm.value.orofacial_function_value2">
              <el-radio label="配合"></el-radio>
              <el-radio label="不配合"></el-radio>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="7">
          <div>
            <span>下颌运动张口幅度 </span>
            <el-input v-model="pgForm.input.orofacial_function_input5" placeholder="" style="width: 30%;"></el-input>
            <span> cm</span>
          </div>
        </el-col>
        <el-col :span="7">
          <div>
            <span>下颌运动下垂 </span>
            <el-select v-model="pgForm.value.orofacial_function_value3" placeholder="请选择" style="width: 40%;">
              <el-option
                v-for="item in options2"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </div>
        </el-col>
        <el-col :span="7">
          <div>
            <span>下颌运动咀嚼 </span>
            <el-select v-model="pgForm.value.orofacial_function_value4" placeholder="请选择" style="width: 40%;">
              <el-option
                v-for="item in options2"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" justify="space-between">
        <el-col>
          <span>唇运动：</span>
          <div>
            <el-radio-group v-model="pgForm.value.orofacial_function_value5">
              <el-radio label="配合"></el-radio>
              <el-radio label="不配合"></el-radio>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="6">
          <div>
            <span>流涎 </span>
            <el-select v-model="pgForm.value.orofacial_function_value6" placeholder="请选择" style="width: 40%;">
              <el-option
                v-for="item in options2"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </div>
        </el-col>
        <el-col :span="6">
          <div>
            <span>呲牙 </span>
            <el-select v-model="pgForm.value.orofacial_function_value7" placeholder="请选择" style="width: 40%;">
              <el-option
                v-for="item in options2"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </div>
        </el-col>
        <el-col :span="6">
          <div>
            <span>唇拢 </span>
            <el-select v-model="pgForm.value.orofacial_function_value8" placeholder="请选择" style="width: 40%;">
              <el-option
                v-for="item in options2"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </div>
        </el-col>
        <el-col :span="6">
          <div>
            <span>鼓腮 </span>
            <el-select v-model="pgForm.value.orofacial_function_value9" placeholder="请选择" style="width: 40%;">
              <el-option
                v-for="item in options2"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </div>
        </el-col>
      </el-row>
      <el-row>
        <el-col>
          <span>舌的观察：</span>
          <div>
            <el-radio-group v-model="pgForm.value.orofacial_function_value10">
              <el-radio label="配合"></el-radio>
              <el-radio label="不配合"></el-radio>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="8">
          <div>
            <span>萎缩 </span>
            <el-input v-model="pgForm.input.orofacial_function_input6" placeholder="" style="width: 30%;"></el-input>
            <span> （部位）</span>
          </div>
        </el-col>
        <el-col :span="8">
          <div>
            <span>震颤 </span>
            <el-input v-model="pgForm.input.orofacial_function_input7" placeholder="" style="width: 30%;"></el-input>
            <span> （部位）</span>
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" justify="space-between">
        <el-col>
          <span>舌运动：</span>
          <div>
            <el-radio-group v-model="pgForm.value.orofacial_function_value11">
              <el-radio label="配合"></el-radio>
              <el-radio label="不配合"></el-radio>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>伸舌 </span>
            <el-select v-model="pgForm.value.orofacial_function_value12" placeholder="请选择" style="width: 40%;">
              <el-option
                v-for="item in options2"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>摆左 </span>
            <el-select v-model="pgForm.value.orofacial_function_value13" placeholder="请选择" style="width: 40%;">
              <el-option
                v-for="item in options2"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>摆右 </span>
            <el-select v-model="pgForm.value.orofacial_function_value14" placeholder="请选择" style="width: 40%;">
              <el-option
                v-for="item in options2"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>舔上唇 </span>
            <el-select v-model="pgForm.value.orofacial_function_value15" placeholder="请选择" style="width: 40%;">
              <el-option
                v-for="item in options2"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </div>
        </el-col>
        <el-col :span="5">
          <div>
            <span>舔下唇 </span>
            <el-select v-model="pgForm.value.orofacial_function_value16" placeholder="请选择" style="width: 40%;">
              <el-option
                v-for="item in options2"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </div>
        </el-col>
      </el-row>
      <el-row type="flex" justify="space-between">
        <el-col>
          <span>软腭运动：</span>
          <div>
            <el-radio-group v-model="pgForm.value.orofacial_function_value17">
              <el-radio label="配合"></el-radio>
              <el-radio label="不配合"></el-radio>
            </el-radio-group>
          </div>
        </el-col>
        <el-col :span="6">
          <div>
            <span>提升 </span>
            <el-select v-model="pgForm.value.orofacial_function_value18" placeholder="请选择" style="width: 40%;">
              <el-option
                v-for="item in options2"
                :key="item.value"
                :label="item.label"
                :value="item.value">
              </el-option>
            </el-select>
          </div>
        </el-col>
      </el-row>
    </div>
  </div>
</template>

<script>
export default {
  name: "orofacial_function",
  title: "口颜面功能",
  created() {
    if(this.istrans){
      this.pgForm=this.fromdata
    }
  },
  props: {
    fromdata:{},
    istrans:false,
  },
  data () {
    return {
      pgForm: {
        tygnlcpg1_tyyxxzd28:'',
        tygnlcpg1_tyyxxzd34:'',
        orofacial_function_checkList1: [],
        orofacial_function_checkList2: [],
        orofacial_function_checkList3: [],
        input: {
          orofacial_function_input1: '',
          orofacial_function_input2: '',
          orofacial_function_input3: '',
          orofacial_function_input4: '',
          orofacial_function_input5: '',
          orofacial_function_input6: '',
          orofacial_function_input7: '',
        },
        value: {
          orofacial_function_value1: '',
          orofacial_function_value2: '',
          orofacial_function_value3: '',
          orofacial_function_value4: '',
          orofacial_function_value5: '',
          orofacial_function_value6: '',
          orofacial_function_value7: '',
          orofacial_function_value8: '',
          orofacial_function_value9: '',
          orofacial_function_value10: '',
          orofacial_function_value11: '',
          orofacial_function_value12: '',
          orofacial_function_value13: '',
          orofacial_function_value14: '',
          orofacial_function_value15: '',
          orofacial_function_value16: '',
          orofacial_function_value17: '',
          orofacial_function_value18: '',
        }
      },


      options: [{
        value: '完整',
        label: '完整'
      }, {
        value: '缺如',
        label: '缺如'
      }, {
        value: '不配合',
        label: '不配合'
      }],
      options2: [{
        value: 'a',
        label: 'a'
      }, {
        value: 'b',
        label: 'b'
      }, {
        value: 'c',
        label: 'c'
      }, {
        value: 'd',
        label: 'd'
      }, {
        value: 'e',
        label: 'e'
      }],

    };
  }
}
</script>

<style scoped>
.el-row{
  margin: 10px 0;
  padding: 20px 20px;
  background-color: #f9f9f9;
  flex-wrap: wrap;
  flex-direction: row;
}
.el-col {
  margin:10px 0;
}
.el-checkbox-group{
  padding: 10px 20px;
}
.el-checkbox{
  display: block;
  margin-bottom: 15px;
}
.el-radio-group{
  padding: 10px 20px;
}

</style>
